@import "../variables";

.#{$component-prefix}captcha {
  background: #fff;
  height: 100%;

  .#{$component-prefix}captcha-content {
    padding: 0 10px;
  }

  .#{$component-prefix}captcha-title {
  }


  .#{$component-prefix}captcha-numbers {
    margin-top: 28px;
    padding: 0 6px;
  }

  .#{$component-prefix}captcha-number-item {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-bottom: 1px solid $border-color;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    padding: 6px 4px;
    box-sizing: content-box;
  }

  .#{$component-prefix}captcha-number-item-active {
    border-bottom: 1px solid $primary-color;
  }

  input[type="number"] {
    z-index: -100;
    position: absolute;
  }

  .#{$component-prefix}retrieve-captcha {
    margin-top: 6px;
    padding: 0;
    font-size: 16px;
  }
}
